<template>
	<view class="page">
		<view class="article">
			<view class="text-xl">{{ article.title }}</view>

			<view class="flex justify-between margin-tb-sm align-center text-gray text-sm "
				style="border-bottom: 1px solid #d4d4d4;padding-bottom: 10rpx;">
				<text>时间：{{ article.desc}}</text>

			</view>

			<rich-text :nodes="article.content"></rich-text>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				article: {
					content: '',
					desc: '',
					imgurl: '',
					title: ''
				}
			}
		},
		onLoad: function(option) {
			const item = JSON.parse(decodeURIComponent(option.item));
			console.log(item, );
			this.article = item
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.page {
		min-height: 100vh;
		width: 100vw;
		

		rich-text {
			line-height: 2em;
			font-size: 30rpx;
		}
	}
	.article{
		margin: 10px;
	}

	.text-xl {
		font-size: 40rpx;
		font-weight: 700;
	}
</style>